@charset "UTF-8";

/* ==== */
:root { background: #ededed; --bgColor: #ededed; }

/* ==== */
* { margin: 0; padding: 0; list-style: none; outline: none 0; box-sizing: border-box; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; /*这里防止当用户长按屏幕，出现的黑色背景色块，以及 iPhone 横平时字体的缩放问题 */ -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
*::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); }
*:-moz-placeholder { color: rgba(0, 0, 0, 0.3); }
*::-moz-placeholder { color: rgba(0, 0, 0, 0.3); }
*:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); }
/* ---- */
*:-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none; }
*::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none; }
/* ---- */
html { font-size: calc(100vw / 37.5); }
/* ---- */
body, td, input, textarea, select, button { font-size: 1.4rem; color: #111111; font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', Arial, Helvitica, verdana, Tohoma, san-serif; }
html, body { height: 100%; }

/* ==== */
div { overflow: hidden; }
img { border: 0; vertical-align: middle; }
input, select, textarea, button { line-height: normal; border: 0; border-color: transparent; background: transparent; }
button { cursor: pointer; }
em, i, dfn { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
a { color: #111111; text-decoration: none; }
a:active { background: rgba(0, 0, 0, 0.1); color: #ff5722; outline: 0; }

/* ==== */
.xw-anim { transition: all 300ms; }
.xw-act:active { opacity: 0.7; }
.xw-act-bg:active { background: rgba(0, 0, 0, 0.1); color: #ff5722; }
.xw-adv img { width: 100%; }
.xw-noData { color: #aaaaaa; text-shadow: 1px 1px 0 #ffffff; }
.xw-block { display: block; }
.xw-visible { overflow: visible; }
.xw-btn { position: relative; display: block; padding: 0.6rem 1.2rem; border-radius: 1rem; pointer-events: auto; font-weight: normal; white-space: nowrap; }
.xw-btn:before { margin-right: 0.2rem; }
.xw-msg { padding: 1rem; }
.xw-msg em { font-size: 1.5rem; }
.xw-msg span { font-size: 1.5rem; }
.xw-alone { padding: 0.3rem 0.6rem; line-height: 0.8rem; font-size: 0.6rem; }
.xw-filter { filter: blur(0.1rem); }
.xw-bgImg { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.xw-sticky { position: sticky; top: 0; z-index: 9999; }
.xw-rotate { transform: scaleX(-1); }
/* ---- */
.xw-forAll { height: 100%; }
/* ---- */
.xw-shadow { box-shadow: 0 0.3rem 1rem #b2b2b2; }
/* ---- */
.xw-ellipsis { word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.xw-ellipsis-2 { display: -webkit-box; -webkit-line-clamp: 2; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; /* autoprefixer: on */ word-wrap: break-word; white-space: normal !important; text-overflow: ellipsis; overflow: hidden; }
.xw-ellipsis-3 { display: -webkit-box; -webkit-line-clamp: 3; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; /* autoprefixer: on */ word-wrap: break-word; white-space: normal !important; text-overflow: ellipsis; overflow: hidden; }
.xw-ellipsis-4 { display: -webkit-box; -webkit-line-clamp: 4; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; /* autoprefixer: on */ word-wrap: break-word; white-space: normal !important; text-overflow: ellipsis; overflow: hidden; }
.xw-ellipsis-5 { display: -webkit-box; -webkit-line-clamp: 5; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; /* autoprefixer: on */ word-wrap: break-word; white-space: normal !important; text-overflow: ellipsis; overflow: hidden; }
.xw-ellipsis-6 { display: -webkit-box; -webkit-line-clamp: 6; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; /* autoprefixer: on */ word-wrap: break-word; white-space: normal !important; text-overflow: ellipsis; overflow: hidden; }
/* ---- */
.xw-middle { position: relative; top: 50%; transform: translateY(-50%); }
.xw-middle-all { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.xw-middle-abs { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/* ---- */
.xw-radius-2 { border-radius: 0.5rem; }
.xw-radius-3 { border-radius: 0.8rem; }
.xw-radius-round { border-radius: 50%; }
/* ---- */
.xw-WRed { background: #ffffff; color: #ff5722; border: 1px solid #d7d7d7; }
.xw-WRed:active { background: #ff5722; color: #ffffff; border-color: #ff5722; }
.xw-WBlue { background: #ffffff; color: #3388ff; border: 1px solid #d7d7d7; }
.xw-WBlue:active { background: #3388ff; color: #ffffff; border-color: #3388ff; }
.xw-WBlack { background: #ffffff; border: 1px solid #d7d7d7; }
.xw-WBlack:active { background: #ff5722; color: #ffffff; border-color: #ff5722; }
.xw-GBlue { background: #ffffff; color: #bbbbbb; border: 1px solid #d7d7d7; }
.xw-GBlue:active { background: #3388ff; color: #ffffff; border-color: #3388ff; }
.xw-WRedB { background: #ffffff; color: #ff5722; border: 1px solid #ff5722; }
.xw-WRedB:active { background: #ff5722; color: #ffffff; }
.xw-WBlueB { background: #ffffff; color: #3388ff; border: 1px solid #3388ff; }
.xw-WBlueB:active { background: #3388ff; color: #ffffff; }
.xw-WhiteRed { background: #ffffff; color: #ff5722; border: 1px solid #ff5722; }
.xw-WhiteBlue { background: #ffffff; color: #3388ff; border: 1px solid #3388ff; }
/* ---- */
.xw-WBlack-Alpha { background: rgba(255, 255, 255, 0.8); }
.xw-WBlack-Alpha:active { background: #ff5722; color: #ffffff; }
.xw-Gray { color: #999999; border: 1px solid #d7d7d7; background: #eaeaea; text-shadow: 1px 1px 0 #ffffff; }
/* ---- */
.xw-bgCL-1 { background: #1dbf60; color: #ffffff; }
.xw-bgCL-2 { background: #f5c74b; color: #ffffff; }
.xw-bgCL-3 { background: #ff9325; color: #ffffff; }
.xw-bgCL-4 { background: #00beff; color: #ffffff; }
.xw-bgCL-5 { background: #ff565b; color: #ffffff; }
.xw-bgCL-6 { background: #70DF5F; color: #ffffff; }
.xw-bgCL-7 { background: #7b7ad7; color: #ffffff; }
.xw-bgCL-8 { background: #00c3c3; color: #ffffff; }
.xw-bgCL-9 { background: #ff7d00; color: #ffffff; }
.xw-bgCL-10 { background: #03b186; color: #ffffff; }
.xw-bgCL-11 { background: #ff5722; color: #ffffff; }
.xw-bgCL-12 { background: #3388ff; color: #ffffff; }
.xw-bgCL-13 { background: #444444; color: #ffffff; }
.xw-bgCL-14 { background: #FF0036; color: #ffffff; }
.xw-bgCL-15 { background: #000000; color: #ffffff; }
.xw-bgCL-16 { background: #9c41fd; color: #ffffff; }
.xw-bgCL-17 { background: #ffffff; color: #111111; }
.xw-bgCL-18 { background: #333333; color: #ffffff; }
.xw-bgCL-19 { background: #fff9ed; color: #ffffff; }
.xw-bgCL-20 { background: #ffffff; color: #ff5722; }
.xw-bgCL-21 { background: #2b68b9; color: #ffffff; }
.xw-bgCL-22 { background: #ffffff; color: #3388ff; }
.xw-color-1 { color: #1dbf60; }
.xw-color-2 { color: #f5c74b; }
.xw-color-3 { color: #ff9325; }
.xw-color-4 { color: #00beff; }
.xw-color-5 { color: #ff565b; }
.xw-color-6 { color: #70DF5F; }
.xw-color-7 { color: #7b7ad7; }
.xw-color-8 { color: #00c3c3; }
.xw-color-9 { color: #ff7d00; }
.xw-color-10 { color: #03b186; }
.xw-color-11 { color: #ff5722; }
.xw-color-12 { color: #3388ff; }
.xw-color-13 { color: #888888; }
.xw-color-14 { color: #FF0036; }
.xw-color-15 { color: #d7d7d7; }
.xw-color-16 { color: #aaaaaa; }
.xw-color-17 { color: #9c41fd; }
.xw-color-18 { color: #ffffff; }
.xw-color-19 { color: #b18c44; }
.xw-color-20 { color: #666666; }
.xw-color-21 { color: #3267aa; }
.xw-color-22 { color: #ffff00; }
.xw-color-23 { color: #fff000; }
.xw-color-24 { color: #ff0000; }
.xw-borCL-11 {
  border: 1px solid #ff5722;
 }
.xw-borCL-12 {
  border: 1px solid #3388ff;
 }
.xw-borCL-13 {
  border: 1px solid #aaaaaa;
 }
/* ---- */
.xw-bg-white { background: #ffffff; }
.xw-bg-gray { background: #ededed; }
/* ---- */
.xw-Lfg { position: relative; }
.xw-Lfg:before { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: rgba(0, 0, 0, 0.2); content: ''; transform: scaleX(.5); }
.xw-Rfg { position: relative; }
.xw-Rfg:before { position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: rgba(0, 0, 0, 0.2); content: ''; transform: scaleX(.5); }
.xw-Tfg { position: relative; }
.xw-Tfg:before { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: rgba(0, 0, 0, 0.2); content: ''; transform: scaleY(.5); }
.xw-Bfg { position: relative; }
.xw-Bfg:before { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(0, 0, 0, 0.2); content: ''; transform: scaleY(.5); }
.xw-Cfg { position: relative; }
.xw-Cfg:before { position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(0, 0, 0, 0.4); content: ''; transform: scaleY(.5) translateY(-50%); }
.xw-foot-Tfg { position: relative; }
.xw-foot-Tfg:before { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: rgba(0, 0, 0, 0.4); content: ''; transform: scaleY(.5); }

/* ---- */
.xw-fglm { margin: 0.6rem 0.4rem 0.4rem; }
.xw-fglm span { padding: 0 0.4rem; font-size: 0.55rem; }
.xw-fglm div { height: 1rem; }

/* ---- */
[v-cloak] { display: none; }
/* --通用flex布局-- */
.xw-flex { display: flex; }
.xw-flex-W1 { flex: 1; }
.xw-flex-W2 { flex: 2; }
.xw-flex-W3 { flex: 3; }
.xw-flex-W4 { flex: 4; }
.xw-flex-W5 { flex: 5; }
.xw-flex-W6 { flex: 6; }
.xw-flex-W7 { flex: 7; }
.xw-flex-W8 { flex: 8; }
.xw-flex-W9 { flex: 9; }
.xw-flex-row-reverse { flex-direction: row-reverse; }
.xw-flex-column { flex-direction: column; }
.xw-flex-column-reverse { flex-direction: column-reverse; }
.xw-flex-wrap { flex-wrap: wrap; }
.xw-flex-BW2 { flex: 0 1 50%; }
.xw-flex-BW3 { flex: 0 1 33.3333%; }
.xw-flex-BW4 { flex: 0 1 25%; }
.xw-flex-BW5 { flex: 0 1 20%; }
.xw-flex-start { align-items: flex-start; }
.xw-flex-align { align-items: center; }
.xw-flex-end { align-items: flex-end; }
.xw-flex-center { align-items: center; justify-content: center; }
.xw-flex-justify { justify-content: space-between; }
/* --通用float布局-- */
.xw-float:after { content: ''; display: block; height: 0; clear: both; }
.xw-float-W1 { float: left; }
.xw-float-W2 { float: left; width: 50%; }
.xw-float-W3 { float: left; width: 33.3333%; }
.xw-float-W4 { float: left; width: 25%; }
.xw-float-W5 { float: left; width: 20%; }
/* --表单样式-- */
.text { width: 100%; line-height: inherit; font-size: 1.6rem; }
.schText { width: 100%; line-height: inherit; }
.tarea-H2 { width: 100%; height: 5rem; line-height: 2.5rem; font-size: 1.6rem; }
.tarea-H3 { width: 100%; height: 7.5rem; line-height: 2.5rem; font-size: 1.6rem; }
.tarea-H4 { width: 100%; height: 10rem; line-height: 2.5rem; font-size: 1.6rem; }
.tarea-H5 { width: 100%; height: 12.5rem; line-height: 2.5rem; font-size: 1.6rem; }
.tarea-H6 { width: 100%; height: 15rem; line-height: 2.5rem; font-size: 1.6rem; }
.tarea-H7 { width: 100%; height: 17.5rem; line-height: 2.5rem; font-size: 1.6rem; }
.tarea-H8 { width: 100%; height: 20rem; line-height: 2.5rem; font-size: 1.6rem; }
.tarea-H9 { width: 100%; height: 22.5rem; line-height: 2.5rem; font-size: 1.6rem; }
.tarea-H10 { width: 100%; height: 25rem; line-height: 2.5rem; font-size: 1.6rem; }
.select { width: 100%; line-height: 2.5rem; font-size: 1.6rem; }
/* --表单开关样式-- */
.a-switch { width: 6rem; height: 3rem; border-radius: 1.6rem; -webkit-appearance: none; user-select: none; outline: none; background: rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px 0 #b2b2b2 inset; position: relative; transition: 0.4s; overflow: visible; }
.a-switch:before { content: ''; width: 2.8rem; height: 2.8rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #999999; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 300ms; }
.a-switch:checked { background: #00e359; border-color: #00e359; box-shadow: 0 0 0 14px #00e359 inset; }
.a-switch:checked:before { left: 3.2rem; }

/* ---- */
.xw-section { position: fixed; top: 0; left: 0; right: 0; bottom: 0; transition: all 300ms; }
.xw-drag { position: relative; padding-bottom: 1rem; transition: all 300ms; }
/* ---- */
header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; }
footer { position: fixed; left: 0; bottom: 0; right: 0; z-index: 99; }

/* --forMescroll-- */
.mescroll { padding: 0 0 1rem; z-index: 90; }
.mescroll-lazy-in { animation-fill-mode: none; }
/* ---- */
.mescroll-empty { width: 100%; padding-top: 20px; text-align: center; }
.mescroll-empty .empty-tip { margin-top: 6px; font-size: 14px; color: gray; }

/* --forSwiper-- */
.swiper-wrapper, .swiper-zoom-container { overflow: visible; }
.swiper-slide img { width: 100%; }
.swiper-pagination-bullet-active { background: #ff5722; }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0.2rem; }
.swiper-pagination-bullet { width: 0.24rem; height: 0.24rem; }

/* --保证裁剪框样式可见-- */
.cropper-crop-box { overflow: visible; }

/* --保证图片预览样式可见-- */
.pswp__container, .pswp__container div { overflow: visible; }

/* ---- */
.forTop { margin: 0; padding: 0 1rem; height: 5rem; }
.TOP-title { font-size: 1.7rem; }
.Desc_div {
  padding: 1rem 0.5rem 0rem;
  font-size: 1.3rem;
}
.TOP-title span { font-size: 1.4rem; }
.TOP-icon { padding: 0 1rem; height: 100%; font-size: 2.4rem; }
.TOP-icon-txt { padding: 0 0.4rem; line-height: 2rem; font-weight: 400; }
.TOP-icon-txt:before { margin-right: 0.2rem; font-weight: 900; font-size: 0.9rem; vertical-align: middle; }
.TOP-grap { position: relative; padding: 0 1rem; height: 100%; font-size: 1.2rem; }
.TOP-grap p { font-size: 1.5rem; }
.TOP-grap i { position: absolute; top: 0.35rem; right: 1rem; width: 9px; height: 9px; transform: translate(50%, -50%); }
.TOP-grap span { text-align: center; }
.TOP-grap span em { display: block; margin: 0.2rem 0; font-size: 1.8rem; }
.TOP-puretxt { padding: 0 1rem; height: 100%; }
.TOP-sch { padding: 0 1rem; height: 3.4rem; border: 1px solid #d7d7d7; }
.TOP-sch em { padding: 0 1rem; font-size: 1.7rem; color: #bbbbbb; }
.TOP-btn { padding: 0 1.2rem; font-size: 1.5rem; }
.TOP-btn:active { color: #3388ff; }
.TOP-submit { padding: 0.6rem 1.2rem; }
.TOP-full { padding: 0 1.4rem; height: 100%; }
.TOP-full em { margin-right: 1rem; font-size: 2rem; }
.TOP-img { padding: 0 1rem; height: 100%; }
.TOP-img div, .TOP-img img { width: 3.6rem; height: 3.6rem; }
.TOP-horiz { padding: 0 1rem; height: 100%; }
.TOP-horiz em { margin-right: 0.5rem; font-size: 2.4rem; }
.TOP-round { width: 3.8rem; height: 3.8rem; }
.TOP-round em { font-size: 2.2rem; }
.TOP-L { margin-left: -1rem; }
.TOP-R { margin-right: -1rem; }
.TOP-Lfg { margin-left: 1rem; }
.TOP-Rfg { margin-right: 1rem; }

/* ---- */
.forNav { padding: 0 1rem; height: 5rem; }
.FNV-title { padding: 0 1rem; font-size: 1.6rem; }
.FNV-menu { height: 100%; }
.FNV-menu .swiper-slide { width: auto; text-align: center; }
.FNV-menu .swiper-slide span { display: inline-block; margin: 0 1rem; }
.FNV-menu .bar { position: absolute; left: 0; bottom: 0; height: 3px; text-align: center; }
.FNV-menu .bar span { display: inline-block; height: 3px; background: #3388ff; vertical-align: top; }
.FNV-menu-title { font-size: 1.6rem; text-align: center; }
.FNV-menu-msg { font-size: 1.3rem; text-align: center; }
.FNV-box { height: 100%; }
.FNV-L { margin-left: -1rem; }
.FNV-R { margin-right: -1rem; }
/* ---- */
.forMenu { padding: 0 1rem; height: 5rem; }
.FMU-menu, .FMU-menu .swiper { height: 100%; }
.FMU-menu .swiper-slide { width: auto; text-align: center; }
.FMU-menu .swiper-slide span { display: block; margin: 0 1rem; font-size: 1.5rem; }
.FMU-menu .bar { position: absolute; left: 0; bottom: 0; height: 3px; text-align: center; }
.FMU-menu .bar span { display: inline-block; height: 3px; background: #3388ff; vertical-align: top; }
.FMU-box { height: 100%; }
.FMU-icon { padding: 0 1rem; height: 100%; font-size: 2.4rem; }
.FMU-L { margin-left: -1rem; }
.FMU-R { margin-right: -1rem; }

/* ---- */
.forCha { padding: 0 0.5rem; height: 5rem; }
.FCA-menu { height: 100%; }
.FCA-menu .swiper-slide div { padding: 0.5rem 0 0; height: 100%; }
.FCA-menu .swiper-slide.active div p { color: #ff5722; font-size: 1.5rem; border-radius: 0.8rem 0.8rem 0 0; background: #ededed; }
.FCA-tab { height: 100%; }
.FCA-tab-item { margin: 0.5rem 0 0; font-size: 1.5rem; border-radius: 0.8rem 0.8rem 0 0; }
.FCA-tab .active { color: #ff5722; background: #ededed; }

/* --路由切换动画开始-- */
/* --向左滑动-- */
.slide-left-enter-active, .slide-left-leave-active { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--bgColor); transition: all 300ms; }
.slide-left-enter-from { transform: translate3d(100%, 0, 0); }
.slide-left-leave-to { transform: translate3d(-100%, 0, 0); }
/* --向右滑动-- */
.slide-right-enter-active, .slide-right-leave-active { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--bgColor); transition: all 300ms; }
.slide-right-enter-from { transform: translate3d(-100%, 0, 0); }
.slide-right-leave-to { transform: translate3d(100%, 0, 0); }
/* --路由切换动画结束-- */

/* --动画渐显-- */
.fade-enter-active, .fade-leave-active { transition: all 300ms; }
.fade-enter-from, .fade-leave-to { opacity: 0; }

/* --动画向上入场滑动渐显-- */
.slideUpFade-enter-active, .slideUpFade-leave-active { transition: all 300ms; }
.slideUpFade-enter-from, .slideUpFade-leave-to { transform: translateY(100%); opacity: 0; }

/* --动画向下入场滑动渐显-- */
.slideDownFade-enter-active, .slideDownFade-leave-active { transition: all 300ms; }
.slideDownFade-enter-from, .slideDownFade-leave-to { transform: translateY(-100%); opacity: 0; }

/* --动画向右入场滑动渐显-- */
.slideRightFade-enter-active, .slideRightFade-leave-active { transition: all 300ms; }
.slideRightFade-enter-from, .slideRightFade-leave-to { transform: translateX(-100%); opacity: 0; }

/* --动画上下滑动-- */
.slidDownUp-enter-active, .slidDownUp-leave-active { transition: all 300ms; }
.slidDownUp-enter-from, .slidDownUp-leave-to { transform: translateY(100%); }

/* --动画缩放-- */
.scale-enter-active, .scale-leave-active { transition: all 300ms; }
.scale-enter-from, .scale-leave-to { transform: scale(0); }

/* --闪烁--flashing */
.xw-flash { animation: flashing 800ms; }
@keyframes flashing {
	0%   { background: #3388ff; color: #ffffff; border-color: #3388ff; }
  25%  { background: #ffffff; color: #3388ff; border-color: #d7d7d7; }
  50%  { background: #3388ff; color: #ffffff; border-color: #3388ff; }
  100% { background: #ffffff; color: #3388ff; border-color: #d7d7d7; }
}

/* --文字展开收起CSS效果-- */
.xw-fold-handle { display: none; }
.xw-fold-text { position: relative; max-height: 6rem; line-height: 2rem; word-break: break-all; text-align: justify; }
.xw-fold-text:before { content: ''; float: right; width: 0; height: calc(100% - 2rem); }
.xw-fold-text .xw-fold-abs { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; }
.xw-fold-btn { float: right; position: relative; clear: both; z-index: 99; }
.xw-fold-btn:before { content: '... ' }
.xw-fold-btn:after { content: '展开'; color: #3388ff; }
.xw-fold-handle:checked + .xw-fold-text { max-height: none; }
.xw-fold-handle:checked + .xw-fold-text .xw-fold-btn:before { content: '' }
.xw-fold-handle:checked + .xw-fold-text .xw-fold-btn:after { content: '收起' }